// 项目的入口文件

// 在wbpack中如果使用vue

// 导入vue
import Vue from 'vue' //默认导入的是 runtime-vue
import router from './router/index.js'


// 导入组件
import App from './App.vue'


// vue 中如何使用render方法 渲染组件
// const login = {
//     template:'<h1>login.....</h1>'
// }

new Vue({
    router,
    el:"#app",
    data:{
        title:"在wbpack中如果使用vue"
    },
    // 用指定的模板替换 dom 节点
    // render:function(createElement){
    //     return createElement(login)
    // }
    // es6 简写
    render:c=>c(App)
})




// 使用 es6 语法 导入 jquery
/* 
    webpack 
        1. 打包压缩
        2. 语法编译
    webpack 本身使用是 node.js 编译，它可以直接解析  .js 文件，但是其他文件不行 需要通过 loader 解析器 来编译 
*/
/* import $ from 'jquery'

import './css/index.css'
import './css/index.less'
import './css/index.scss'

import 'bootstrap/dist/css/bootstrap.css'


$(function(){
    $('h1').css('color','red');

    $('th').css('background','orange');

    $('tr').eq(2).css('color','blue');
    $('tr').eq(2).css('background','yellow');

    $('tr').eq(1).css('background','yellow');
    $('tr').eq(1).css('color','pink');

    $('tr').eq(3).css('background','#333');
    $('tr').eq(3).css('color','#fff');

    $('tr').last().css('background','green')
    $('tr').last().css('color','#fff')

}) */